﻿@{
    ViewBag.Title = "Sesion";
}
@*<h2>Sesion</h2>*@

@model Traviesuras.Models.clsUsuario
@{
    Layout = null;
}

<html>
<head>
    <title>.:: Inicio de Sesion ::.</title>
    <link href="~/Content/SiteSesion.css" rel="stylesheet" />
    
</head>
<body>

<div class="container">
    <div class="flat-form">
        <ul class="tabs">
            <li>
                <a href="#login" class="active" title="Inicia con tu Usuario y Contraseña personal.">Inicio</a>
            </li>
            <li>
                <a href="#register" title="Registrate en el nuestro Portal Web.">Registrar</a>
            </li>
            <li>
                <a href="#reset" title="Ooh nOo Despistado olvidaste tu contraseña ?">Olvidaste tu Contraseña</a>
            </li>
        </ul>
        <!--///////////////////////////////////////////////////////////////////////////   LOGIN////////////////////////////////////// -->
        <div id="login" class="form-action show">
                @using (Html.BeginForm())
                {
                    @Html.ValidationSummary(true)
                    <div class="kt-form-title">Iniciar</div>
                    <ul>
                        <li>
                            <ul class="kt-status-message"></ul>
                        </li>
                        <li style="position: relative;">
                            @Html.TextBoxFor(m => m.nombre_usuario, new { @placeholder = "Usuario" })
                        </li>
                        <li style="position: relative;">
                            @Html.PasswordFor(m => m.contrasenaString, new { @placeholder = "Contraseña" })
                        </li>
                        <li style="position: relative;">
                            @Html.ValidationMessage("error", new { @style = "color:Red;" })
                        </li>

                    </ul>
                    <ul class="tabs" style="width: 0%;">
                        <li>
                            <a style="color: blue; background: #E3CFE1; " href="#reset" title="Recupera tu contraseña rapidamente.">Olvidaste tu Contraseña?</a>
                        </li>
                    </ul>
                    <ul class="form-buttons">
                        <li>
                            <button name="LoginMe-Button" class="button" tabindex="0" type="submit" title="Ingresa al Sistema.">Ingresar</button>
                        </li>
                    </ul>
                }
                @section Scripts {
                    @Scripts.Render("~/bundles/jqueryval")
                }
        </div>
        <!--///////////////////////////////////////////////////////////////////////////   hasta aqui LOGIN//////////////////////////////////////
        ///////////////////////////////////////////////////////////////////////////   Registrar////////////////////////////////////// -->
        <div id="register" class="form-action hide">
                @using (Html.BeginForm("Registro", "Login", Model, FormMethod.Post, new { @autocomplete = "off" }))
                {
                    @Html.ValidationSummary(true)
                    <div class="kt-form-title" >Registrate</div>
                    <ul>
                        <li><ul class="kt-status-message"></ul></li>
                        <li style="position: relative;">
                            @Html.TextBoxFor(m => m.clsPersona.nombre, new { @placeholder = "Nombre" })
                        </li>
                        <li style="position: relative;">
                            @Html.TextBoxFor(m => m.clsPersona.apellido, new { @placeholder = "Apellido" })
                        </li>
                        <li style="position: relative;">
                            @Html.TextBoxFor(m => m.clsPersona.identificacion, new { @placeholder = "Identificacion" })
                        </li>
                        <li style="position: relative;">
                            @Html.TextBoxFor(m => m.clsPersona.telefono, new { @placeholder = "Telefono" })
                        </li>
                        <li style="position: relative;">
                            @Html.TextBoxFor(m => m.clsPersona.direccion, new { @placeholder = "Direccion" })
                        </li>
                        <li style="position: relative;">
                            @Html.TextBoxFor(m => m.nombre_usuario, new { @placeholder = "Usuario" })
                        </li>
                        <li style="position: relative;">
                            @Html.TextBoxFor(m => m.clsPersona.email, new { @placeholder = "   Correo", @type = "email", @style = "width:291px;height:45px;margin-bottom:10px;" })
                        </li>
                        <li style="position: relative; ">
                            @Html.PasswordFor(m => m.contrasenaString2, new { @placeholder = "Contraseña" })
                        </li>
                        <li style="position: relative;">
                            @Html.PasswordFor(m => m.recontrasenaString2, new { @placeholder = "Reingresar Contraseña" })
                        </li>
                        <li style="position: relative;">
                            @Html.ValidationMessage("error", new { @style = "color:Red;" })
                        </li>
                    </ul>
                    <ul class="form-buttons">
                        <li>
                            <button name="btnRegistro" class="button" tabindex="-1" type="submit" >Enviar Solicitud</button>
                        </li>
                    </ul>
                }
        </div>
        <!--///////////////////////////////////////////////////////////////////////////  hasta aqui Registrar////////////////////////////////////// -->
        <div id="reset" class="form-action hide">
            
                @using (Html.BeginForm("Recuperar", "Login", Model, FormMethod.Post, new { @autocomplete = "off" }))
                {
                    <div class="kt-form-title" >Olvidaste tu Contraseña?</div>
                    <ul>
                        <li><ul class="kt-form-title"></ul></li>
                        <li style="position: relative;">
                            @Html.TextBoxFor(m => m.clsPersona.email, new { @placeholder = "   Aqui tu Correo", @type = "email", @style = "width:291px;height:45px;margin-bottom:10px;" })
                        </li>
                    </ul>
                    <ul class="form-buttons">
                        <table>
                            <tr>
                                <td>
                                    <li>
                                        <button class="button" tabindex="-1" type="submit" title="Tu Contraseña sera enviada a tu EMail.">Obtener Contraseña</button>
                                    </li>
                                </td>
                                <td>
                                    <li>
                                        <button class="button" type="button" onclick="window.location='';">Cancelar</button>
                                    </li>
                                </td>
                            </tr>
                        </table>
                    </ul>
                }
            
        </div>
    </div>
</div>
    <script src="~/Scripts/jquery-1.9.1.js"></script>
    <script>
        (function ($) {
            // constants
            var SHOW_CLASS = 'show',
                HIDE_CLASS = 'hide',
                ACTIVE_CLASS = 'active';

            $('.tabs').on('click', 'li a', function (e) {
                e.preventDefault();
                var $tab = $(this),
                     href = $tab.attr('href');

                $('.active').removeClass(ACTIVE_CLASS);
                $tab.addClass(ACTIVE_CLASS);

                $('.show')
                   .removeClass(SHOW_CLASS)
                   .addClass(HIDE_CLASS)
                   .hide();

                $(href)
                  .removeClass(HIDE_CLASS)
                  .addClass(SHOW_CLASS)
                  .hide()
                  .fadeIn(550);
            });
        })(jQuery);
    </script>

</body>
</html>
<script>
    function Registro() {
        //var no = $("#nombre").val();
        //var ap = $("#apellido").val();
        //var id = $("#identificacion").val();
        //var te = $("#telefono").val();
        //var di = $("#direccion").val();
        //var us = $("#usuario2").val();
        //var co = $("#correo2").val();
        //var pa = $("#password2").val();
        //var re = $("#repassword2").val();
        //if (us == "" || co == "" || id == "" || no == "" || ap == "" || te == "") {
        //    alert("Todos los Campos son obligatorios.");
        //    return;
        //}

        //if (pa != re) {
        //    alert("Las Contraseñas no Coinciden.");
        //    return;
        //}
    }

</script>

<script>
    if ('@Session["usuario"]' == '') {
        if (window.parent.location != window.location) {
            window.parent.location.reload(true);
        }
        //window.parent.location.reload(true);
        //window.parent.location.reload(true);
        //parent.window.open('Url.Action("sesion", "Login")','_self','','');
        //parent.location.reload(true);
        //location.reload(true);
        //self.location.reload(true);
        //alert("");
    }
</script>